import React from 'react'
import {Link, NavLink} from 'react-router-dom'
import './slide.css'

class NavSlide extends React.Component{
  constructor(props) {
    super(props)
  }
  render () {
    return(
     <div className="col-sm-3 col-md-2 sidebar">
          <ul className="nav nav-sidebar">
            <li><NavLink activeClassName="active" exact to="/">首页</NavLink></li>
            <li><Link to="/product">商品</Link>
              <ul className="second-title">
                <li><NavLink activeClassName="active" to="/product">商品管理</NavLink></li>
                <li><NavLink activeClassName="active" to="/product-category">品类管理</NavLink></li>
              </ul>
            </li>
            <li><Link to="/order">订单</Link>
              <ul className="second-title">
                <li><NavLink activeClassName="active" to="/order">订单管理</NavLink></li>
              </ul>
            </li>
          </ul>
          <ul className="nav nav-sidebar">
            <li><Link to="/user">用户</Link>
              <ul className="second-title">
                <li><NavLink activeClassName="active" to="/user">用户管理</NavLink></li>
              </ul>
            </li>
          </ul>
        </div>
    )
  }
}

export default NavSlide